<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <link rel="stylesheet" href="../css/shopping.css" />
  <link rel="stylesheet" href="../css/footer.css" />
  <link rel="stylesheet" href="../iconfont/iconfont.css" />
  <link rel="stylesheet" href="../css/common.css" />

  <title>Document</title>
</head>

<body>
  <div class="xtx_topnav">
    <div class="wrapper">
      <!-- 顶部导航 -->
      <ul class="xtx_navs">
        <li id="login">
          <!-- 有用户名数据 -->
          <!-- <a href="javascript:;"><i class="iconfont icon-user">用户名</i></a> -->
          <!-- 没有用户名数据 -->
          <a href="./login.html">请先登录</a>
        </li>
        <li id="register">
          <!-- 有用户名数据 -->
          <!-- <a href="javascript:;">退出登录</a> -->
          <!-- 没有用户名数据 -->
          <a href="./register.html">免费注册</a>
        </li>
        <li>
          <a href="./center-order.html">我的订单</a>
        </li>
        <li>
          <a href="./center.html">会员中心</a>
        </li>
        <li>
          <a href="javascript:;">帮助中心</a>
        </li>
        <li>
          <a href="javascript:;">在线客服</a>
        </li>
        <li>
          <a href="javascript:;">
            <i class="mobile sprites"></i>
            手机版
          </a>
        </li>
      </ul>
    </div>
  </div>
  <!-- 头部 -->
  <div class="xtx_header">
    <div class="wrapper">
      <!-- 网站Logo -->
      <h1 class="xtx_logo"></h1>
      <!-- 主导航 -->
      <div class="xtx_navs">
        <ul class="clearfix">
          <li>
            <a href="./index.html">首页</a>
          </li>
          <li>
            <a href="./category01.html">生鲜</a>
          </li>
          <li>
            <a href="./category01.html">美食</a>
          </li>
          <li>
            <a href="./category01.html">餐厨</a>
          </li>
          <li>
            <a href="./category01.html">电器</a>
          </li>
          <li>
            <a href="./category01.html">居家</a>
          </li>
          <li>
            <a href="./category01.html">洗护</a>
          </li>
          <li>
            <a href="./category01.html">孕婴</a>
          </li>
          <li>
            <a href="./category01.html">服装</a>
          </li>
        </ul>
      </div>
      <!-- 站内搜索 -->
      <div class="xtx_search clearfix">
        <!-- 购物车 -->

        <a href="" class="xtx_search_cart sprites">
          <!--  -->
          <i>2</i>
        </a>
        <!-- 搜索框 -->
        <div class="xtx_search_wrapper">
          <input type="text" placeholder="搜一搜" onclick="location.href='./search.html'">
        </div>
      </div>
    </div>
  </div>

  <!-- 购物车 -->
  <div class="line w">
    <span class="home">首页</span>
    <i class="iconfont icon-youjiantou"></i>
    <span class="hover">购物车</span>
  </div>
  <div class="first w">
    <table class="table">
      <thead style="border-bottom: 1px solid #ccc">
        <tr>
          <th><input type="checkbox" name="check" checked />全选</th>
          <th>商品信息</th>
          <th>单价</th>
          <th>数量</th>
          <th>小计</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody class="chosen">
        <!-- <tr>
          <td><input type="checkbox" name="check" class="ck" /></td>
            <td>
             <div class="img">
              <a href="">
                <img src="https://yanxuan-item.nosdn.127.net/605d71caa460e3c05cb2fd1b2885b9b4.jpg" alt="" />
              </a>
              <div>
                <p>儿童字母纯棉POLO衫73-130cm</p>
              <div>
                <span>颜色:黄白条 尺码:73cm <i class="iconfont icon-jiantou_liebiaozhankai_o"></i></span>
                </div>
             </div>
            </td>
            <td><p>￥99.00</p></td>
            <td>
              <div class="num">
               <div>-</div>
               <div>1</div>
               <div>+</div>
              </div>
            </td>
            <td>￥99</td>
            <td>
              <div class="deletion">
                <p>移入收藏夹</p>
                <p class="remove">删除</p>
                <p>找相似</p>
              </div>
            </td>
          </tr> -->
      </tbody>
      <!-- <tbody class="lapse">
          <tr>
            <th>
              <span>失效商品</span>
            </th>
          </tr>
        </tbody>
        <tbody class="swarp">
          <tr>
            <td><input type="checkbox" name="check" class="ck" /></td>
            <td>
             <div class="img">
              <a href="">
                <img src="https://yanxuan-item.nosdn.127.net/f899c55f36cb74232abb349234d9e676.png" alt="" />
              </a>
              <div class="textual">
                <p>儿童防污/防蚊T恤110cm</p>
                <span>颜色:白色柠檬（防污） 尺码:120cm</span>  
             </div>
            </td>
            <td><p>￥99.00</p></td>
            <td>
              <div class="blickBtn">
               <span>0</span>
              </div>
            </td>
            <td>￥99</td>
            <td>
              <div class="deletion">
                <p class="click">删除</p>
                <p>找相似</p>
              </div>
            </td>
          </tr>
        </tbody> -->
    </table>
    <div class="vacant">
      <img
        src=""
        alt="" />
      <p>购物车内暂时没有商品</p>

      <div class="continue">
        <button>继续逛逛</button>
      </div>
    </div>
  </div>

  <div class="center w">
    <div class="lift">
      <ul>
        <li><input type="checkbox" name="check" class="anniu" />全选</li>
        <li class="delete">删除商品</li>
        <li>移入收藏夹</li>
        <li class="empty">清空失效商品</li>
      </ul>
    </div>
    <div class="right">
      <ul>
        <li>共0件商品、</li>
        <li>已选择0件、</li>
        <li>商品合计:</li>
        <li>￥0</li>
        <li><button class="settlement">下单结算</button></li>
      </ul>
    </div>
  </div>
  <!-- <div class="list">
    <div class="top">
      <i class="iconfont icon-iconset0410"></i>
      <span>猜你喜欢</span>
    </div>
    <div class="btn">
      <div class="swiper mySwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="carousel">
              <div class="img">
                <a href=""><img src="https://yanxuan-item.nosdn.127.net/605d71caa460e3c05cb2fd1b2885b9b4.jpg"alt=""/></a>
                <p>儿童字母纯棉POLO衫73-130cm</p>
                <span>￥99.00</span>
              </div>
            </div>
            <div class="carousel">
              <div class="img">
                <a href=""><img src="https://yanxuan-item.nosdn.127.net/1f451c780f5e1e93ced6419f2d3461fd.jpg"alt=""/></a>
                <p>男女经典两带式软木拖鞋</p>
                <span>￥79.00</span>
              </div>
            </div>
            <div class="carousel">
              <div class="img">
                <a href=""><img src="https://yanxuan-item.nosdn.127.net/a078d2c4b8559b0a54430a0dc6460095.jpg"  alt=""/></a>
                <p>网易味央黑猪大排330g*1袋</p>
                <span>￥37.00</span>
              </div>
            </div>
            <div class="carousel">
              <div class="img">
                <a href=""><img src="https://yanxuan-item.nosdn.127.net/6e289ea8795025fddf3cff60d3f400a1.jpg" alt=""/></a>
                <p>低帮城市休闲户外鞋天然牛皮COOLMAX纤维</p>
                <span>￥318.00</span>
              </div>
            </div>
          </div>
          <div class="swiper-slide">Slide 2</div>
          <div class="swiper-slide">Slide 3</div>
          <div class="swiper-slide">Slide 4</div>
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
  </div> -->
  <div class="recommend">
    <div css="similar">
      <i></i>
      <span>猜你喜欢</span>
    </div>
    <div class="exhibit">
      <div class="min">
        <div class="exhibit1">
          <img src="https://yanxuan-item.nosdn.127.net/605d71caa460e3c05cb2fd1b2885b9b4.jpg" alt="" />
          <p class="exhibitName1">儿童字母纯棉POLO衫73-130cm</p>
          <p class="exhibitPrice">￥199.00元</p>
        </div>
        <div class="exhibit1">
          <img src="https://yanxuan-item.nosdn.127.net/e7337596de7161c57c27e8d8040231aa.jpg" alt="" />
          <p class="exhibitName1">情侣款时尚户外轻型徒步鞋环保大底</p>
          <p class="exhibitPrice">￥362.00元</p>
        </div>
        <div class="exhibit1">
          <img src="https://yanxuan-item.nosdn.127.net/1ee83dc27645e7bdc1bda228c04b85f3.jpg" alt="" />
          <p class="exhibitName1">网易味央黑猪猪肘330g*1袋</p>
          <p class="exhibitPrice">￥33.00元</p>
        </div>
        <div class="exhibit1">
          <img src="https://yanxuan-item.nosdn.127.net/1f451c780f5e1e93ced6419f2d3461fd.jpg" alt="" />
          <p class="exhibitName1">男女经典两带式软木拖鞋</p>
          <p class="exhibitPrice">￥74.00元</p>
        </div>
        <div class="exhibit1">
          <img src="https://yanxuan-item.nosdn.127.net/a078d2c4b8559b0a54430a0dc6460095.jpg" alt="" />
          <p class="exhibitName1">网易味央黑猪大排330g*1袋</p>
          <p class="exhibitPrice">￥35.00元</p>
        </div>
        <div class="exhibit1">
          <img src="https://yanxuan-item.nosdn.127.net/6e289ea8795025fddf3cff60d3f400a1.jpg" alt="" />
          <p class="exhibitName1">低帮城市休闲户外鞋天然牛皮COOLMAX纤维</p>
          <p class="exhibitPrice">￥386.00元</p>
        </div>
        <div class="exhibit1">
          <img src="https://yanxuan-item.nosdn.127.net/6d09b5d5f964b33f401b0c8a9cbea1ca.png" alt="" />
          <p class="exhibitName1">索罗娜面料，圆领印花插肩袖T恤110-160cm</p>
          <p class="exhibitPrice">￥57.00元</p>
        </div>
        <div class="exhibit1">
          <img src="https://yanxuan-item.nosdn.127.net/221317c85274a188174352474b859d7b.jpg" alt="" />
          <p class="exhibitName1">全防水HABU旋钮牛皮户外徒步鞋山宁泰抗菌</p>
          <p class="exhibitPrice">￥448.00元</p>
        </div>
        <div class="exhibit1">
          <img src="https://yanxuan-item.nosdn.127.net/e47ffac6fe8d65f2d77b449d7ccf2fc3.jpg" alt="" />
          <p class="exhibitName1">网易味央黑猪猪蹄330g*1袋</p>
          <p class="exhibitPrice">￥39.90元</p>
        </div>
        <div class="exhibit1">
          <img src="https://yanxuan-item.nosdn.127.net/ddb4a80ac97a175bc633f0a53076815a.jpg" alt="" />
          <p class="exhibitName1">儿童多色圆领印花短袖T恤110-160cm</p>
          <p class="exhibitPrice">￥510.00元</p>
        </div>
        <div class="exhibit1">
          <img src="https://yanxuan-item.nosdn.127.net/3fbdf00e31de69f049ccde1fb7ba478d.png" alt="" />
          <p class="exhibitName1">打翻春天调色盘，儿童印花套头卫衣5-16岁</p>
          <p class="exhibitPrice">￥811.00元</p>
        </div>
        <div class="exhibit1">
          <img src="https://yanxuan-item.nosdn.127.net/9ad83e8d9670b10a19b30596327cfd14.png" alt="" />
          <p class="exhibitName1">趣味美食家，儿童圆领印花卫衣5-16岁</p>
          <p class="exhibitPrice">￥912.00元</p>
        </div>
        <div class="exhibit1">
          <img src="https://yanxuan-item.nosdn.127.net/33ce94abe337dfd442ce8640401af5fe.jpg" alt="" />
          <p class="exhibitName1">2021年春季新品，儿童纯棉长袖T恤73-130cm</p>
          <p class="exhibitPrice">￥513.00元</p>
        </div>
        <div class="exhibit1">
          <img src="https://yanxuan-item.nosdn.127.net/44e51622800e4fceb6bee8e616da85fd.png" alt="" />
          <p class="exhibitName1">古法温酒汝瓷酒具套装白酒杯莲花温酒器</p>
          <p class="exhibitPrice">￥114.00元</p>
        </div>
        <div class="exhibit1">
          <img src="https://yanxuan-item.nosdn.127.net/3346b7b92f9563c7a7e24c7ead883f18.jpg" alt="" />
          <p class="exhibitName1">日式黑陶功夫茶组双侧把茶具礼盒装</p>
          <p class="exhibitPrice">￥215.00元</p>
        </div>
        <div class="exhibit1">
          <img src="https://yanxuan-item.nosdn.127.net/fc266553a5b00280ab835e83a660ef14.jpg" alt="" />
          <p class="exhibitName1">智能温控细嘴流速刚刚好咖啡手冲壶电热水壶</p>
          <p class="exhibitPrice">￥316.00元</p>
        </div>
      </div>
    </div>

    <div class="circle1">
      <ul>
        <li><a href="#" class="bigcircle highlight"></a></li>
        <li><a href="#" class="bigcircle"></a></li>
        <li><a href="#" class="bigcircle"></a></li>
        <li><a href="#" class="bigcircle"></a></li>
      </ul>
    </div>
    <!-- <i class="wrong">></i>
    <i class="incorrect"><</i> -->
    <div class="swiper-button-next" id="next">
      <i class="iconfont icon-youjiantou"></i>
    </div>
    <div class="swiper-button-prev" id="prve">
      <i class="iconfont icon-zuojiantou"></i>
    </div>
  </div>
  <div class="mask">
    <div class="box">
      <div class="first">
        <h3>温馨提示</h3>
        <i class="iconfont icon-yx_x"></i>
      </div>
      <div class="next">
        <i class="iconfont icon-gantanhao"></i>
        <h4>亲，您是否确认删除商品</h4>
      </div>
      <div class="botton">
        <button>取消</button>
        <button>确认</button>
      </div>
    </div>
  </div>

  <!-- 尾部 -->
  <footer class="footer">
    <div class="contact">
      <div class="container">
        <ul>
          <li>
            <p>客户服务</p>
            <em>
              <i class="iconfont icon-tubiao-weixin"></i>
              在线客服
            </em>
            <em>
              <i class="iconfont icon-yiwenwenhaoduihuakuangjiedamianxing"></i>
              问题反馈
            </em>
          </li>
          <li>
            <p>关注我们</p>
            <em>
              <i class="iconfont icon-weixin1"></i>
              公众号
            </em>
            <em>
              <i class="iconfont icon-weibo"></i>
              微博
            </em>
          </li>
          <li>
            <p>下载APP</p>
            <em>
              <img src="http://erabbit.itheima.net/img/qrcode.5372a064.jpg" alt="" />
            </em>
            <div>
              <p>扫描二维码</p>
              <p>立马下载APP</p>
              <a href="#">下载页面</a>
            </div>
          </li>
          <li>
            <p>服务热线</p>
            <div>
              <p>400-0000-000</p>
              <p>周一至周日 8:00-18:00</p>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="extra">
      <div class="container w">
        <div class="slogan">
          <a href="#">
            <span></span>
            <span>价格亲民</span>
          </a>
          <a href="#">
            <span></span>
            <span>物流快捷</span>
          </a>
          <a href="#">
            <span></span>
            <span>品质新鲜</span>
          </a>
        </div>
        <div class="copyright">
          <p>
            <a href="#">关于我们</a>
            <a href="#">帮助中心</a>
            <a href="#">售后服务</a>
            <a href="#">验送与验收</a>
            <a href="#">商务合作</a>
            <a href="#">搜索推荐</a>
            <a href="#">友情链接</a>
          </p>
          <p>CopyRight © 小兔鲜儿</p>
        </div>
      </div>
    </div>
  </footer>
  <script src="../js/render.js"></script>
  <script src="../js/shoppimg.js"></script>
</body>

</html>